<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<link rel="stylesheet" type="text/css" href="../css/index.css"/>
		<link rel="stylesheet" type="text/css" href="../css/cart.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<script src="/lib/requirejs/require.js" data-main="/js/cart"></script>
		<title>购物车结算</title>
	</head>
	<body>
		<!--网页头部-->
		<header></header>
		<!--网页购物车界面-->
		<div id="shopping">
			<div class="cart kong empty">
				<h1>It appears that your cart is currently empty!</h1>
				<h3>You can continue browsing <a href="/html/detail.html">here</a>.</h3>
			</div>
			<div class="cart sp not-empty hidden">
				<div class="top">
					<div class="left">
						我的购物车
						<span class="zongliang">3</span>
						<span class="clear">清空购物车</span>
					</div>
					<div class="right">
						考拉自营商品已免运费
						<a href="#">再逛逛></a>配送至
						<p>四川/成都市/清白扬区<i class="iconfont icon-xiaotuziCduan_"></i></p>
					</div>
				</div>
				<!--结算-->
				<table class="cart-table table table-bordered" bgcolor="#fffbf0" border="1" cellpadding="0" cellspacing="0" bgcolor="#fff" style="text-align: center;">
					<thead >
						<th height="40"><label><input type="checkbox" class="ck_all"/>全选</label></th>
						<th>序号</th>
						<th>图片</th>
						<th>标题</th>
						<th>原价(元)</th>
						<th>现价(元)</th>
						<th>数量</th>
						<th>小计</th>
						<th>操作</th>
					</thead>
					<tbody>
						<!--<td><label><input type="checkbox" /></label></td>
						<td>1</td>
						<td><img src="../images/1077833f.png" /></td>
						<td>title</td>
						<td>115afdsfadf</td>
						<td>99</td>
						<td><span>-</span><input type="text" /><span>+</span></td>
						<td>99</td>
						<td>删除</td>-->
					</tbody>
					<tfoot>
						<tr height="30px" bgcolor="#f8f8f8">
							<td>合计</td>
							<td colspan="3" class="total" >0</td>
							<td colspan="2">活动优惠：￥<span class="discount"></span></td>
							<td >您已选购<span class="choose"></span>件商品</td>
							<td colspan="2" bgcolor="red" style="cursor: pointer;"><a href="/html/close.html" class="info_btn" target="_blank">结算</a></td>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
		
		
		<!--网页尾部-->
		<footer></footer>
		
		
<!-- art-Template 模板引擎 -->
	<script type="text/html" id="cart-body-template">
		{{each products prod}}
		<tr height="80">
			<td width="80"><input type="checkbox" class="ck_prod"></td>
			<td width="45" class="id">{{prod.id}}</td>
			<td width="80"><img src="{{prod.img}}" alt="" class="img"></td>
			<td width="300" class="title">{{prod.title}}</td>
			<td width="80" class="oriprice"><del>{{prod.oriprice}}</del></td>
			<td width="80" class="price">{{prod.price}}</td>
			<td width="300"><span class="decrement">-</span><input type="text" class="amount" value="{{prod.amount}}"><span class="increment">+</span></td>
			<td width="60" class="sub">{{prod.price*prod.amount}}</td>
			<td width="60"><a href="javascript:void(0);" class="del">删除</a></td>
		</tr>
		{{/each}}
	</script>
	</body>
</html>